找資料能力的重要性

咦怎麼第一篇是在講找資料能力的重要性呢？這系列不是在講前端學習資源嗎？讀者可能會有這樣的想法，但在你跳轉到別的頁面前，先等一下!因為筆者覺得找資料的能力其實是所有前端能力中最重要的！因為在前端的職涯中，一定會遇到解決不了或是沒有頭緒的時候，這時候能夠冷靜的在對的地方找到正確的資料就很重要了，所以這一篇筆者會從這個點著手，列出自己的找資料方法，再分享一些常用的/推薦的學習資源，那如果讀者有推薦的學習資源/找資料的方法的話，也非常歡迎在下方跟我分享！！！

找資料方法 1: google 搜尋

google 是大部分人最常用來找資料的工具，筆者也不例外，但是 google 其實還有一個特別的功能能夠讓找資料更精確，就是加特殊符號在搜尋關鍵字前後，以下介紹幾個筆者常用的：

1. 在搜尋關鍵字時加上 " "可以讓 google 去找確切的字。像是如果我想搜尋 約克夏在公園跑步 的資料，我就可以這樣下搜尋 "約克夏"在公園跑步。
2. 我想要搜尋單一網址的資料，我可以加上site:，這樣就會只跑出在該網站上的資料，舉例，像是我想在 reddit 上找跟水有關的資料，我可以這樣下搜尋water site: reddit.com。

還有其他很多特殊符號用法，有興趣的讀者可以自己去試玩看看～

https://support.google.com/websearch/answer/2466433?hl=en

找資料方法 2: 語言的重要性

有時候單用中文繁體找資料總是找不到相關資料，這時後就需要用到其他語言來幫助了！筆者通常找資料的順序會是先用英文找，如果沒有資料的話才會用中文去搜尋。

第一個推薦的工具是Grammarly 的 chrome extension，他可以幫忙糾正出英文文法的錯誤，讓我們在找資料上更順利，筆者自己是英文系畢業的，當年在英文系 Grammarly 可是每個英文系學生電腦裡面必安裝的工具啊！！

另外在中文找資料時，有時會遇到簡體跟繁體在專業用語上不一樣的情況，這時候可以試著用簡體的專業用語用法來查詢看看，有時候會有不一樣的收穫！這裡推薦 pjchender 大大 所做的簡體詞彙轉成繁體的 extension。

推薦的學習資源

接下來就會開始介紹筆者常用/推薦的學習資源，以下都是筆者自己常用，並且從中獲益良多的資源。

先從 HTML/CSS 和 Javascript 開始：

• W3schools
  非常易懂的網站，裡面有各種語言的基礎語法教學，適合基礎語法的學習。
• Js Info
  最推薦的 Js 學習網站，裡面有深入且講解清楚的前端各種知識，適合在了解基礎語法之後，接著閱讀！

React 相關資源：

• React doc
• React beta doc
  新版官網，裡面用 functional component，適合只想學 functional component 的讀者閱讀。

前端相關資源

網站

• Web dev
  瀏覽器各式各樣的教學，文章也很有深度。
• Patterns
  目前筆者看了 design pattern 和 rendering pattern 兩個部分，講解清楚易懂，非常推薦，後面的優化的單元筆者也會以此書內容為主軸，請大家拭目以待！
• 掘金
  中國的資訊網站，裡面前端時常有非常不錯的文章，搜尋問題時我會在這裡收尋。
• stackOverflow
• freeCodeCamp
  知名學習程式網站，優點是內容皆為免費，不定時會有好的教程出現，同時也有youtube頻道會有線上免費課程。

個人部落格

• medium eric elliot
  前端大神，很多文章都蠻深入但講解得非常好，適合想要看有點深度的文章的讀者。內容大都圍繞在React, JS上！
• medium C.T.Lin
  他好像是 dcard 裡面的工程師，很喜歡他的文章，內容很有深度。
• medium Kyle Mo
  時常寫一些技術文章，並且分享當工程師的心路歷程，全程乾貨，絕對值得追蹤！！尤其是他寫的鐵人賽優化系列文章，看然讓人受益良多啊！

臉書社團

• 臉書社團 ReactJs.tw
• 臉書社團 Front-End Developers Taiwan
• 臉書粉專 Will 保哥的技術交流中心

youtube

• Js mastery
  非常推薦的前端 youtuber，清楚易懂的教學，跟著他做可以體驗到很多很不錯的技術跟寫程式方法。
• web dev simplified
  帥哥教學，看他的影片特別有學習動力，時常講解一些JS/CSS的概念。
• techLead
  有趣的前 google, facebook 小哥，講話很有趣，可以在空閑時候看，增加學習動力！
• Clément Mihailescu
  有很多 mock interview 的影片，前 front-end tech lead，適合作為前端面試練習。

面試分享

• JingTech
• 外國求職分享

以上都是免費的資源，另外有關六角學院等需要付費的資源，因為我是自學也沒有使用過所以就沒有推薦了。最後則是我自己的筆記跟 medium 技術文章，筆記會記錄一些我遇到的問題跟我覺得不錯的文章，medium 則是會紀錄我自己寫的文章或是遇到的問題，內容都會以前端為主軸，有興趣的讀者就可以去看一下摟～

• bywater 筆記
• bywater 文章

前端資源分享就到這，相信以上的資源對初階工程師來說已經是綽綽有餘了！！！那下一篇就會開始正式“擊敗前端面試大作戰“正文摟，我們明天見～